@import url("reset.css");
@import url("style.css");

BODY {
	color: #FFFFFF;
	background-color: #000000;
}

a:link, a:visited, a:hover, a:active {
	color: #1058A5;
}
a:visited {
	color: #04429A;	
}
a:hover {
	color: #000000;
}

/* SITE NAME */

#site-name span {
	color: #FFFFFF;
}

/* NAVIGATION */

#navigation ul li a:link, 
#navigation ul li a:visited, 
#navigation ul li a:hover, 
#navigation ul li a:active {
	background: #4a4a4a url(../images/gradient-gray.png) 0 0 repeat-x;
}
#navigation ul li a:hover {
	color: #000000;
	background-color: #FFFFFF;
}

/* level 2 */
#navigation ul li ul {
	background: #4a4a4a url(../images/gradient-gray.png) repeat-x 0 -37px;
}
#navigation ul li ul li a:link, 
#navigation ul li ul li a:visited, 
#navigation ul li ul li a:hover, 
#navigation ul li ul li a:active {
	color: #FFFFFF;
}
#navigation ul li ul li a:hover {
	color: #000;
	background-color: #FFF;
}

/* level 3 */
#navigation ul li ul li ul {
	background-color: #CCCCCC;
	border: 1px solid #FFFFFF;
	border-top: 0;
}
#navigation ul li ul li ul li a:link, 
#navigation ul li ul li ul li a:visited, 
#navigation ul li ul li ul li a:hover, 
#navigation ul li ul li ul li a:active {
	color: #FFFFFF;
}
#navigation ul li ul li ul li a:hover {
	color: #000000;
	background-color: #FFFFFF;
	opacity: 0.5;
}

/* hover states */
#navigation ul li:hover a { 
	background: #1058A5 url(../images/gradient-blue.png) repeat-x 0 0; 
}
#navigation ul li:hover ul { 
	background: #1058A5 url(../images/gradient-blue.png) repeat-x 0 -37px; 
}

/* selected states */
#navigation ul li.selected a { background: #1058A5 url(../images/gradient-blue.png) repeat-x 0 0; }
#navigation ul li.selected ul { background: #1058A5 url(../images/gradient-blue.png) repeat-x 0 -37px; }

/* CONTENT */

#content-wrapper {
	background-color: #FFFFFF;
	color: #000000;
}

#breadcrumb ul li {
	background: transparent url(../images/pointer.png) no-repeat 0 50%;	
}
#breadcrumb ul li a:link,
#breadcrumb ul li a:visited,
#breadcrumb ul li a:hover,
#breadcrumb ul li a:active {
	color: #1058A5;
}

/* FOOTER */

#footer {
	background-color: #000000;
}
#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:hover,
#footer ul li a:active {
	color: #FFF;
}
#footer ul li a:hover {
	color: #000;
	background-color: #FFF;
}
